import React from 'react';
import ReactDOM from 'react-dom';
import Header from '../modules/Header.js';
import MvName from "./MvName";
import NavLink from '../modules/NavLink.js';
import { Pagination } from 'antd';
var Footer = require('../modules/Footer');
var IndexLink = require('react-router').IndexLink;


class Mv extends React.Component {
  render() {
      var letterStyle = {
        clear:'both'
        };
    return (
      <div>
        <Header/>
        <div className="box" style={letterStyle}></div>
        <div id="main">
            <MvName/>
            <div id="detail" className="margin">
                <div className="title1 clear">
                    <h3>全部Mv</h3>
                    <ul className="hot clear">
                        <li id="now"><NavLink to="/Mv/Now">最新</NavLink></li>
                        <li id="hot1"><NavLink to="/Mv/Hot" activeClassName="active">最热</NavLink></li>
                    </ul>
                </div>
                <div>
                    {this.props.children}
                </div>
                <div className="margin" style={{textAlign:"center",marginBottom:"60"}}>
                    <p style={{display:"inline-block"}}>
                        <Pagination defaultCurrent={11} total={56529} />
                    </p>
                </div>              
            </div>
        </div>
         <Footer/>     
      </div>
    );
  }
}
module.exports = Mv;
